<template>
  <div class="online">
      <div class="warpBg"></div>
      <div class="info">
        <span class="close"></span>
      </div>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped="" type="text/css">

$vw:750;
@function h($px){@return $px/$vw*100vw}

.warpBg{width: 100vw;height: 100vh;background: rgba(0,0,0,0.8);position: fixed;z-index: 6;top:0;left: 0}
.info{width: h(435);height: h(806);background: url('/static/images/online.png');background-size: 100%;}
.info span{}
</style>
